/**
*	主题css
*	开发者：雨中磐石
*	地址：www.rockoa.com
*	日期：2023-07-17
*/

body{
	--default-color:#000000;
	--success-color:#1cbc7f;
	--danger-color:#D9534F;
	--warn-color:#e0a800;
	--info-color:#138496;
	--border-color:rgb(0,0,0,0.1);
	--main-radius:5px;
	--back-color:#F5F7F9; /*背景颜色*/
	--font-size:16px;   /*字体大小*/
}

body{
	background-color:var(--back-color);
}

.input{
	height:38px;
	line-height:28px; 
	border:.5px rgba(0,0,0,0.1) solid;
	padding:0px 5px; 
	overflow:hidden; 
	border-radius:5px;
	background-color:#ffffff;
}
.select{
	border-radius:5px;
	background-color:#ffffff;
	border:.5px rgba(0,0,0,0.1) solid;
	height:38px;
	line-height:30px;
}
.textarea{
	height:100px;
	width:97%;
	padding:5px;
	border-radius:5px;
	border:.5px rgba(0,0,0,0.1) solid;
}
.input:hover,.textarea:hover,.select:hover,.input:focus,.textarea:focus{
	box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	border:.5px var(--main-color) solid;
	color:#000000
}

.input-date{
	background:url(../../../images/bwl2.png) no-repeat right;
	cursor:pointer;
}

*[readonly],*[readonly]:hover,*[readonly]:focus{
	background-color:#f1f1f1;
	border:.5px #cccccc solid;
	box-shadow:0px 0px 0px rgba(0,0,0,0);
}

:disabled,
:disabled:hover{
	background-color:#e1e1e1;
	color:#888888;
	box-shadow:0px 0px 0px rgba(0,0,0,0);
	cursor: not-allowed;
}




/*按钮样式*/
a.webbtn:link,a.webbtn:visited,.webbtn{
	color:#ffffff;
	opacity:1;
	background-color:var(--main-color);
	padding:0px 12px;
	height:40px;
	border:none; 
	cursor:pointer;
	border-radius:5px;
	word-break:nowrap;
	white-space:nowrap;
}
.webbtn-mini{
	font-size:12px;
	padding:0px 5px;
	height:26px;
}
.webbtn-big{
	padding:0px 15px;
	height:44px;
}
.webbtn:disabled,button[disabled]{
	background-color:#aaaaaa;
	color:#eeeeee
}
.webbtn:hover,.webbtn:active{
	opacity:0.8
}

.webbtn-default{
	background:white;
	color:var(--default-color);
	border:.5px rgba(0,0,0,0.1) solid;
}
.webbtn-default:hover{
	background:#e5e5e5;
	opacity:1
}
.webbtn-default:disabled{
	background:white;
	color:#888888
}
.webbtn-default.active{
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	outline:0;
	color: #333;
    background-color: #e5e5e5;
    border-color: #adadad;
}

.btnwe{
	cursor:pointer;
}
.btnwe:active{
	background-color:rgba(0,0,0,0.05);
}

.rock-shadow{
	box-shadow:0px 5px 10px 1px rgba(0,0,0,0.05);
}

.rock-radius{
	border-radius:var(--main-radius);
}

.rock-panel{
	background-color:white;
}

.rock-panel-title{
	height:40px;
	line-height:40px;
	padding:0px 10px;
	border-bottom:.5px rgba(0,0,0,0.05) solid;
}
.rock-border{
	border:.5px rgba(0,0,0,0.05) solid;
}

.rock-border-b{
	border-bottom:.5px var(--border-color) solid;
}

.rock-border-t{
	border-top:.5px var(--border-color) solid;
}

.rock-list-group>.rock-list-item:not(:first-child){
	border-top:.5px rgba(0,0,0,0.05) solid;
}

.rock-list-group>.rock-list-item:first-child{
	border-top-left-radius:var(--main-radius);
	border-top-right-radius:var(--main-radius);
}

.rock-list-group>.rock-list-item:last-child{
	border-bottom-left-radius:var(--main-radius);
	border-bottom-right-radius:var(--main-radius);
}

.rock-list-item{
	padding:12px 12px;
	cursor:pointer;
	text-align:left
}

@media screen and (max-width: 480px) {
    .rock-list-item{
		padding:15px 12px;
	}
}

.rock-list-item>font{
	float:right;
}


.rock-menu{
	position:absolute;
	z-index:9999;
	box-shadow:0px 0px 5px rgba(0,0,0,0.3);
}

.rock-menu li{
	 list-style-type:none; 
	 padding:10px 15px; 
	 cursor:pointer; 
	 text-align:left; 
	 border-bottom:.5px #eeeeee dotted;
}

.rock-badge{
	color:white;
	border-radius:5px;
	font-size:12px;
	padding:2px 3px;
	background-color:var(--main-color);
}

.upload_items{border:1px #cccccc solid;height:60px;overflow:hidden;float:left;margin-top:5px;margin-bottom:5px;margin-right:10px;cursor:pointer;position:relative}
.upload_items:active{border:1px var(--main-color) solid}
.upload_items img.imgs{width:50px;height:50px;margin:5px}
.upload_items_items{padding:5px;text-align:center}
.upload_items_meng{ background:rgba(0,0,0,0.5);position:absolute;left:0px;top:0px;height:60px;overflow:hidden;line-height:60px;text-align:center;width:100%;color:white}



.bg-main{background-color:var(--main-color)}
.bg-success{background-color:var(--success-color)}
.bg-warn{background-color:var(--warn-color)}
.bg-info{background-color:var(--info-color)}
.bg-danger{background-color:var(--danger-color)}
.bg-outline-danger{background:white;color:var(--danger-color)}


.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 5px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color:red;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}

.rock-header{
	height:50px;
	overflow:hidden;
	background:var(--main-color);
	color:white;
	position:relative;
	left:0px;top:0px;width:100%;z-index:2;
}
.rock-header-text{text-align:center;font-size:18px;color:white;line-height:50px}
.rock-header-btn{display:block;float:left;height:50px;width:30px;text-align:center;line-height:50px;}
.rock-header-btn:active{color:#aaaaaa}
.rock-header-left{position:absolute;left:0px;bottom:0px;line-height:50px;overflow:hidden}
.rock-header-right{position:absolute;right:0px;bottom:0px;line-height:50px;overflow:hidden}

.rock-tabbar{
	height:60px;
	overflow:hidden;
	background:#f7f7f7;
	width:100%;
	bottom:0px;
	color:#888888;
	user-select: none;
	display:flex;
}
.rock-tabbar>.rock-tabbar-item{
	height:60px;overflow:hidden;line-height:60px;text-align:center;flex:1;cursor:pointer;
}
.rock-tabbar>.rock-tabbar-item:active{
	background:rgba(0,0,0,0.05)
}
.rock-tabbar>.rock-tabbar-item:not(:first-child){
	border-left:0.5px solid var(--border-color)
}
.rock-tabbar>.active{color:var(--main-color);}


.rock-tab{
	height:40px;
	overflow:hidden;
	padding:0px 10px 	
}
.rock-tab>.rock-tab-item{
	line-height:40px;
	height:40px;
	padding:0px 15px;
	float:left;
	cursor:pointer;
	background:none;
	border-radius: 5px 5px 0px 0px;
}
.rock-tab>.rock-tab-item:hover{
	background:rgba(0,0,0,0.05)
}
.rock-tab>.active{
	background:white;
	color:var(--main-color);
	border-bottom:0.5px solid var(--border-color)
}
.rock-tabh>.rock-tab-item{
	line-height:40px;
	height:40px;
	padding:0px 15px;
	cursor:pointer;
	background:none;
	border-radius: 5px;
}
.rock-tabh>.rock-tab-item:hover{
	background:rgba(0,0,0,0.05)
}
.rock-tabh>.active{
	background:white;
	color:var(--main-color);
}